<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>pratice</title>
        <style>
            div{
                width:300px;
            }
            #header{
                height:60px;
                border-width:10px;
                border-color:#abcdef #abefcd #efabcd #cdabef;
                border-style:groove;
                margin:0 20px;
                padding:10px;
                font-size:24px;
                font-weight: bold;
                color:#903473;
            }
            #content{
                height:300px;
                border:10px;
                border-style:dashed dotted ridge inset;
                border-color:blueviolet blue red green;
                margin-top:30px;
                padding:10px;
            }
        </style>
    </head>
    <body>
        <div id="header">这是标题</div>
        <div id="content">这是内容</div>
    </body>
</html>